<template>
    <div class="topicItem">
        <img v-lazy="topicData.scene_pic_url" alt="">
        <h2 class="title">{{topicData.title}}</h2>
        <p class="tip">{{topicData.subtitle}}</p>
        <p class="price">{{topicData.price_info | RMBFormat}}</p>
    </div>
</template>

<script>
export default {
    props: ['topicData']
};
</script>

<style scoped lang="less">
    .topicItem{
        background-color: #fff;
        text-align: center;
        padding-bottom: .1rem;
        margin-bottom: .2rem;

        img{
            width: 100%;
        }

        .title{
            font-size: .18rem;
            margin: .1rem 0;
        }

        .tip{
            margin: .2rem 0;
            font-size: 16px;
            color: #1f1f1f;
        }

        .price{
            color: #9b0000;
            margin-bottom: 10px;
        }
    }
</style>
